import React from 'react'
import style from './index.less'
import { connect } from 'dva';
import { Card, Row, Col,Tabs } from 'antd'



/**
 * [StyleResearch 风格研究]
 */

import StyleResearchList from '../../components/StyleResearchList'
import ManagerStyleBoxList from '../../components/ManagerStyleBoxList'
import ManagerStyleBoxCharts from '../../components/ManagerStyleBoxCharts'
import ReturnValuation from '../../components/ReturnValuation'
const ContentDisplay = (props) => {
  return (
    <div className="dataArea">
     <StyleResearchList {...props} />
     <Tabs defaultActiveKey="1">
      <Tabs.TabPane tab="基金风格-净值" key="0"></Tabs.TabPane>
      <Tabs.TabPane tab="基金风格-持仓" key="1">
        <Card title="管理人风格箱">
          <ManagerStyleBoxList {...props} />
          <ManagerStyleBoxCharts {...props} />
          
        </Card>
        <ReturnValuation {...props} />
      </Tabs.TabPane>
    </Tabs>

    </div>
  )
}

import { NoData } from '../../../../components'
const StyleResearch = (props) => {

  return (
    <div className={style.root}>
     {
        (props.lPortId)?<ContentDisplay {...props} />:<NoData />
      }
    </div>
  );
}

export default connect()(StyleResearch)